﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"> 
    <title>Editor demo</title>
    
<style type="text/css"> 
    body { margin:0; padding:0; }
</style> 

<link rel="stylesheet" type="text/css" href="resources/js/yui/menu/assets/skins/sam/menu.css" /> 
<link rel="stylesheet" type="text/css" href="resources/js/yui/button/assets/skins/sam/button.css" /> 
<link rel="stylesheet" type="text/css" href="resources/js/yui/fonts/fonts-min.css" /> 
<link rel="stylesheet" type="text/css" href="resources/js/yui/container/assets/skins/sam/container.css" /> 
<link rel="stylesheet" type="text/css" href="resources/js/yui/editor/assets/skins/sam/editor.css" /> 

<script type="text/javascript" src="resources/js/yui/utilities/utilities.js"></script> 
<script type="text/javascript" src="resources/js/yui/container/container-min.js"></script> 
<script type="text/javascript" src="resources/js/yui/menu/menu-min.js"></script> 
<script type="text/javascript" src="resources/js/yui/button/button-min.js"></script> 
<script type="text/javascript" src="resources/js/yui/editor/editor-min.js"></script> 

<link rel="stylesheet" type="text/css" href="resources/js/yui/editor/assets/custom-editor.css" /> 
<script type="text/javascript" src="resources/js/yui/editor/custom-editor.js"></script> 

</head>
<body class="yui-skin-sam"> 
<h1>Code Editor</h1> 
 
<div class="exampleIntro"> 
	<p>This example demonstrates how to create a Code Editor using the Rich Text Editor.  As you begin typing, you're in a standard Editor space.  But if you click on the "code icon" &mdash the rightmost icon on the second row &mdash; you can begin using HTML markup.  When you toggle the code editing mode back off, you'll see rich text formatted with your HTML.</p> 
			
</div> 
<div class="yui-skin-sam"> 
<form method="post" action="#" id="form1"> 
<textarea id="editor" name="editor" rows="20" cols="75"> 
This is some more test text.<br>This is some more test text.<br>This is some more test text.<br>This is some more test text.<br>This is some more test text.<br>This is some more test text.<br>This is some more test text.<br> 
</textarea> 
</form> 
</div>

<script type="text/javascript"> 
    NTTHAO.editor.init('editor', '600px', '400px');
</script> 

</body>
</html>
